<div style="overflow-x: auto;">
    <el-form    label-width="100%">
        <el-form-item label="">
        </el-form-item>
    </el-form>
    <div style="">
        <div id="calendar"></div>
    </div>
    <el-dialog title="排班调整" :visible.sync="dialogTableVisible" center=true>
        <div >
            <el-button type="primary"  @click="addScheduling" style="margin-bottom: 15px;">添加服务项<i class="el-icon-plus" ></i></el-button>
            <div v-if="addItem.addShow" class="info-context" style="border: solid 1px #ebeef5;margin: 2px;">
                <div>
                    <el-select v-model="addItem.gsiId" clearable placeholder="地服项"  @change="selectItem">
                        <el-option
                                v-for="item in scheduleItems"
                                :key="item.gsiId"
                                :label="item.itemName"
                                :value="item.gsiId"

                        >
                        </el-option>
                    </el-select>
                    <el-select v-model="addItem.selectedTeamId" clearable placeholder="地服组" @change="teamChange"  v-if="addItem.groundServiceItemPo&&addItem.groundServiceItemPo.hasGroup">
                        <el-option
                                v-for="item in addItem.groundServiceItemPo.teams"
                                :key="item.teamId"
                                :label="item.teamName"
                                :value="item.teamId"
                        >
                        </el-option>
                    </el-select>
                </div>
                <!--<div v-if="addItem.airSecurityVehiclePo"><div class="car-title">保障车：</div><span class="carInfo">{{sc.airSecurityVehiclePo.vehicleType+'-'+sc.airSecurityVehiclePo.vehicleNum}}</span></div>-->
                <div>
                    <div class="car-title" v-if="addItem.selectedFwUser.length>0">人员：</div><span v-for="user in addItem.selectedFwUser" class="user-name">{{user.userCnName}}</span>
                </div>
                <div v-if="addItem.groundServiceItemPo.gsiId&&!addItem.groundServiceItemPo.hasGroup">
                    <el-row>
                        <kf-table-transfer  v-model="addItem.selectedFwUser" :data="addItem.selectAbleFwUser" :titles="['可调配人员','地服人员']" >
                            <template slot="left-columns">
                                <el-table-column label="可调配人员" prop="userCnName" header-align="center"></el-table-column>
                            </template>
                            <template slot="right-columns">
                                <el-table-column label="地服人员" prop="userCnName" header-align="center"></el-table-column>
                            </template>
                        </kf-table-transfer>
                    </el-row>
                </div>
                <div style="margin-top: 15px;">
                    <el-button @click="addItem.addShow = false">取 消</el-button>
                    <el-button type="primary" @click="confirmAdd">确 定</el-button>
                </div>

            </div>
            <div v-for="sc ,index in adjustSchedule.schedulings" class="info-context" style="border: solid 1px #222;margin: 2px;">

                <div><div><h5>{{sc.groundServiceItemPo.itemName}}:</h5><div style="float: right"><el-button type="warning" @click="removeItem(index)" size="mini">移除<i class="el-icon-delete" ></i></el-button></div></div>

                    <div v-if="sc.airSecurityVehiclePo"><div class="car-title">保障车：</div>
                        <span class="carInfo">{{sc.airSecurityVehiclePo.vehicleType+'-'+sc.airSecurityVehiclePo.vehicleNum}}</span>
                    </div>
                    <div> <div class="car-title">人员：</div><span v-for="user in sc.selectedFwUser" class="user-name">{{user.userCnName}}</span>
                        <el-button type="success" size="mini" @click="adjustFwUser(sc,index)">调整<i class="el-icon-edit"></i></el-button></div>
                    <div v-if="sc.adjustUserShow" style="padding: 15px;margin: 8px;background: #282840">
                        <el-row style="margin: 12px 0px;">
                            <span>保障车辆</span>
                            <el-select placeholder="请选择" v-model="adjuseVehicleId" @change="selectVehicle">
                            <el-option
                            v-for="item in airSecurityVehicles"
                            :key="item.airSecurityVehicleId"
                            :label="item.vehicleName+':'+item.vehicleNum"
                            :value="item.airSecurityVehicleId">
                            </el-option>
                        </el-select>
                        </el-row>
                        <span>人员</span>
                        <el-row  style="border: solid 1px #2b2b61;">

                            <kf-table-transfer  v-model="selectedFwUser" :data="selectAbleFwUser" :titles="['可调配人员','地服人员']" >
                                <template slot="left-columns">
                                    <el-table-column label="可调配人员" prop="userCnName" header-align="center"></el-table-column>
                                </template>
                                <template slot="right-columns">
                                    <el-table-column label="地服人员" prop="userCnName" header-align="center"></el-table-column>
                                </template>
                            </kf-table-transfer>
                        </el-row>

                        <el-row type="flex" justify="center">
                            <el-col :span="12" style="margin-top:12px ">
                                <el-button @click="closeUserAdjust(sc,index)" type="primary">确定</el-button>
                            </el-col>
                        </el-row>


                        </template>
                    </div>
                </div>
            </div>
        </div>
        <span slot="footer" class="dialog-footer">
            <el-button @click="dialogTableVisible = false">取 消</el-button>
            <el-button type="primary" @click="save">确 定</el-button>
        </span>

    </el-dialog>
</div>



